<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="description" content="">
    <title th:text="${title}"></title>
    <link type="text/css" rel="stylesheet" href="../static/lr/bootstrap-4.1.0/css/bootstrap.min.css"
          th:href="@{/static/lr/bootstrap-4.1.0/css/bootstrap.min.css}">
    <link type="text/css" rel="stylesheet" href="../static/lr/css/common.css"
          th:href="@{/static/lr/css/common.css}">
</head>

<body>

<div class="container">

    <form method="POST" action="/lr/transfer" class="form-signin" enctype="multipart/form-data">

        <div class="form-group">

            <h3 class="form-heading" style="border-top: 2px #000000 solid;margin-top: 80px">PDF/Word转换</h3>
            <div class="form-group">
                <label>选择功能</label>
                <select class="form-control" name="type" style="padding: 0;font-size: 15px;font-weight: bold">
                    <option value="0">word转pdf</option>
                    <option value="1">pdf转换图片</option>
                </select>
            </div>
            <div class="input-group">
                <input name="file" type="file" class="form-control" placeholder="上传你需要转换的文件"/>
            </div>

            <div class="input-group">
                <button class="btn btn-md btn-primary btn-block" style="width: 30%;margin-left: 60%" type="submit">
                    开始转换
                </button>
            </div>

        </div>

    </form>


    <form method="POST" action="/lr/transferImage" class="form-signin" enctype="multipart/form-data">
        <div class="form-group">
            <h3 class="form-heading" style="border-top: 1px #000000 solid;margin-top: 90px">File 转 Base64</h3>

            <div class="input-group">
                <input name="file" type="file" class="form-control" placeholder="上传你需要转换的文件" required="required"/>
            </div>

            <div class="input-group">
                <button class="btn btn-md btn-primary btn-block" style="width: 30%;margin-left: 60%" type="submit">
                    开始转换
                </button>
            </div>
        </div>
    </form>
</div>
<!-- /container -->
</body>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<script type="text/javascript" src="../static/lr/jquery/jquery-1.11.2.min.js"
        th:src="@{/static/lr/jquery/jquery-1.11.2.min.js}"></script>

<script type="text/javascript" src="../static/lr/bootstrap-4.1.0/js/bootstrap.min.js"
        th:src="@{/static/lr/bootstrap-4.1.0/js/bootstrap.min.js}"></script>
</html>
